<style lang="scss" scoped>
.home {
  width: 100%;
  overflow-x: hidden;
}
.el-header{
  background-color: #fff;
  color: #333;
  text-align: center;
  line-height: 60px;
  overflow: hidden;
  .el-menu--horizontal>.el-menu-item{
    color: #333333;
  }
  .el-menu-item{
    padding: 0;
    width: 16%;
  }
  .el-menu{
  display: flex;
  justify-content: center;
}
.logo{
  width: 150px;
  margin-top: 5px;
  border-radius: 5px;
}
}




.el-main {
  padding: 0;
  margin-top:2px;
}
.myfooter{
  width: 960px;
  margin: auto;
 
  margin-bottom: 40px;
  text-align: left;
  .bewm{
    width: 120px;
    margin: auto;
  }
  h3,h2{
    font-weight: normal;
    margin: 0;
    margin-top: 60px;
    margin-bottom: 20px;
  }
  h2{
    margin-top: 46px;
    margin-bottom: 14px;
    cursor: pointer;
    text-align: center;
  }
  p{
    font-size: 14px;
    color: #adaeb3;
    cursor: pointer;
  }
  p:hover{
    color: #409EFF;
  }
  .di{
    font-size: 12px;
    color: #adaeb3;
    margin-top: 4px;
    text-align: center;
  }
  .bts{
    margin-top: 14px;
    border-top: 1px solid rgba($color: #000, $alpha: 0.1);
    padding-top: 16px;
    text-align: left;
    color: #adaeb3;
    cursor: pointer;
  }
}

.bighead{
  height: 80px !important;
  .logo{
    width: 260px;
    margin-top: 18px;
    margin-left: -100px;
  }
}
</style>
<template>
  <div class="home">
      <el-container style="height:100%;">
        <el-header v-show="activeIndex!='110'">
          <div style="width:60%;margin:auto;overflow:hidden;">
             <img class="logo pull-left" src="/static/img/logos.png" alt="">
             <div class="pull-right">
                <el-button size="small" @click="goto('/')" type="primary" plain>登陆</el-button>
                <!-- <el-button size="small"  @click="nothing" type="primary">注册</el-button> -->
             </div>
          </div>
        </el-header>
        <el-header class="bighead" v-show="activeIndex=='110'">
          <el-row>
            <el-col :span="6">
               <img class="logo" src="/static/img/logos8.png" alt="">
            </el-col>
          </el-row>
        </el-header>
        <el-main>
          <transition name="fade" mode="out-in">
              <router-view style="background-color: #eaedf1;"></router-view>
          </transition>
        </el-main>
        <el-footer>
        <div class="myfooter">
            <el-row>
              <el-col :span="5">
                <h3>产品与服务</h3>
                <p>小程序定制</p>
                <p>数据应用</p>
                <p>程序开发</p>
              </el-col>
              <el-col :span="5">
                <h3>关于我们</h3>
                <p>企业介绍</p>
                <p>合作伙伴</p>
                <p>相关案例</p>
              </el-col>
              <el-col :span="5">
                <h3>技术支持</h3>
                <p>大数据应用</p>
                <p>开发定制</p>
                <p>服务器部署</p>
                <p>流量投放</p>
              </el-col>
              <el-col :span="5">
                <h3>联系我们</h3>
                <p>产品动态</p>
                <p>市场合作</p>
                <p>联系方式</p>
              </el-col>
              <div class="pull-right">
                <h2>艾米小程序</h2>
                <img class="bewm" src="/static/img/qcord.png" alt="">
                <div class="di">扫一扫体验</div>
              </div>
           </el-row>
            <div class="bts">Copyright © 2018-2025 贵州壹字码网络科技中心 miaitech.cn All Rights Reserved. 备案号：黔ICP备xxxxxxx号-1</div>
        </div>
        </el-footer>
    </el-container>

  </div>
</template>

<script>
export default {
  name: "home",
  data() {
    return {
      mainShow: true,
      navs:[
        {label:'首页',url:'/'},
        {label:'数据云',url:'/none'},
        {label:'案例',url:'/none'},
        {label:'产品中心',url:'/none'},
        {label:'关于我们',url:'/none'},
      ],
      activeName:'second'
    };
  },
  computed: {
    activeIndex() {
      return this.$store.state.activeIndex;
    }
  },
  mounted() {},
  methods: {
     handleSelect(key, keyPath) {
         this.$store.commit("cactiveIndex",key);
      },
      nothing(){
        this.$message('暂未开放平台注册功能')
      }

  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
